<template>
	  <view>
		  <!-- tableData:表格数组 数组里对象可自定义字段  -->
		  <cc-defineTable :tableData="tableArr"></cc-defineTable>
		  <text class="u-demo-block__title" style="font-size: 100%; font-weight: 800; color: black; margin-left: 5%; margin-top: 0ch;">关键点标注</text>
		  <image src="../../static/report.jpg" style="display:block; margin:0 auto"></image>
	      <qiun-title-bar title="多边形雷达图"/>
	      <text class="u-demo-block__title" style="font-size: 100%; font-weight: 800; color: black; margin-left: 5%; margin-top: 0ch;">总体技术占比</text>
	      <view class="charts-box">
	        <qiun-data-charts type="radar" :opts="{padding: [25,25,25,25], legend:{show: false, position: 'bottom'},extra:{radar:{border:true}}}" :chartData="chartsDataRadar1"/>
	      </view>
		<br />
		<u-link href="#" text="查看PC端详细报告" :under-line="true"></u-link>
		
		<!-- <u-tabbar	
		:placeholder="false"
		:value="value"
		@change="name => value = name"
		:fixed="true"
		:safeAreaInsetBottom="false"
		>
			<u-tabbar-item text="首页" icon="home" name="home"></u-tabbar-item>
			<u-tabbar-item text="文件上传" icon="photo" name="upload" @click="tab1"></u-tabbar-item>
			<u-tabbar-item text="我的" name="account" icon="account" @click="tab2"></u-tabbar-item>
		</u-tabbar> -->
	  </view>
</template>

<script>
export default {
  data() {
    return {
		chartsDataRadar1:{},
		tableArr: [{
				'name': '基本信息',
				'list': [{
						'name': '所属类别',
						'value': '文件上传、录屏检测、通话检测'
					},
					{
						'name': '检测模型',
						'value': 'xxx模型'
					},
					{
						'name': '敏感系数',
						'value': '根据模型进度调整'
					},
					{
						'name': '视频帧长度',
						'value': '3600'
					},
					{
						'name': '检测日期',
						'value': '2024/02/20'
					},
					{
						'name': '检测得分及结果',
						'value': '98.7，存在可能欺诈行为'
					},
				]

			},
		],
		value: 'home',
      chartData: {},
    };
  },
  onReady() {
    this.getServerData();
  },
  methods: {
    getServerData() {
      //模拟从服务器获取数据时的延时
      setTimeout(() => {
        //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
        let res2 = {
                    categories: ["技术1","技术2","技术3","技术4","技术5","技术6"],
                    series: [
                      {
                        name: "检测文件",
                        data: [90,110,165,195,187,172]
                      },
                    ]
                  };
        this.chartsDataRadar1=JSON.parse(JSON.stringify(res2))
      }, 500);
    },
  }
};
</script>

<style scoped>
  /* 请根据实际需求修改父元素尺寸，组件自动识别宽高 */
  page {
          background-color: #f7f7f7;
      }
  
      .content {
          display: flex;
          flex-direction: column;
  
      }
	.charts-box {
	  width: 100%;
	  height: 300px;
	}
	
</style>